{% load adminmedia %}
{% load i18n %}

{#
 - $Id: neteng.html 7557b5d4d82b 2012/12/02 09:07:16 pgurumur $
 - Copyright (c) 2009 Prabhu Gurumurthy  <pgurumur@gmail.com>
 - 
 - Permission to use, copy, modify, and distribute this software for any
 - purpose with or without fee is hereby granted, provided that the above
 - copyright notice and this permission notice appear in all copies.
 -
 - THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
 - WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
 - MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
 - ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
 - WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
 - ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
 - OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
#}

{# $Revision: 7557b5d4d82b $ #}
{# $Author: pgurumur $ #}

{% block content %}

<div id = "content-main">
   <table id="flex1" style="display:none"></table>
</div>


<script type="text/javascript">
   $("#flex1").flexigrid ({
      url: '{{ bgpeer }}',
		dataType: 'json',
      colModel : [
      {display: 'Peer', name: 'peer', width: 150, sortable: true,
         align: 'center'},
      {display: 'Device', name: 'device', width:273, sortable: true,
         align: 'left'},
      {display: 'Device IP', name: 'ip', width: 100, sortable: true,
         align: 'left'},
      {display: 'AS Number', name: 'asnum', width: 75, sortable: true,
         align: 'left'}],
      searchitems: [{display: 'Peer', name: 'peer', isdefault: true}],
      sortname: "peer",
      sortorder: "asc",
      usepager: true,
      singleSelect: true,
      title: "BGP Peers",
      useRp: true,
      rp: 50,
      showTableToggleBtn: true,
      width: 700,
      onSubmit: addFormData,
      height: 500 });

   function addFormData() {
	   var dt = $('#sform').serializeArray();
	   $("#flex1").flexOptions({params: dt});
	   return true;
   }
	
   $('#sform').submit(function () {
      $('#flex1').flexOptions({newp: 1}).flexReload();
      return false;
      }
   );
	
</script>

{% endblock %}
